/* 
    Document   : sve
    Created on : 20/02/2012, 19:01:03
    Author     : luciano
    Description:
        Purpose of the stylesheet follows.
*/

body{
    background-color: darkblue;
    font-family: Arial, 'Lucida Sans Unicode', Helvetica, sans-serif;
    font-size: 14px;
}

#wrapper{
    background-color: #75AADB;
}

#header {
	font-size: 20px; 
        color: #FFFFFF; 
        font-weight: bold;
	background-color: darkblue;
        padding:5px 20% 5px 20%;        
        border-bottom: #3C7FAF solid 5px;
}

#content { 
	float: left;
        background-color: #FFFFFF;
        padding: 5px;
        width: 60%; 
        margin-left: 20%;
        min-height: 500px;
}

#footer {
	clear: both;
	background: darkblue;
        padding: 5px 20% 5px 20%;
        border-top: #3C7FAF solid 5px;  
        font-size: 12px; 
        color: #FFFFFF; 
        font-weight: normal;
        text-align: center;
        
}
#container{
    background-color: #75AADB;
    padding-left: 20%;
    width:100%;
}

#img_utn_logo{
    border:0px;    
}

#menu-principal{
    background-color: darkblue;
    border: 2px solid #75AADB;
    color: #FFF;
}

#menu-principal ul{
   list-style-type: none;
   margin:10px 5px 10px 5px; 
   padding: 0px;
} 

#menu-principal a{
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    padding:10px 2px 10px 2px;
    margin-left: 3px;
    border:1px solid #FFF;
        
}

#menu-principal a:hover{
    cursor: pointer;
    color: lightblue;
    border: 2px solid lightblue;
}
#menu-principal li{
   display: inline;
   text-align: center;
   margin: 0 3px 0 0;   
} 

img.imagen-seleccionable{
    -webkit-transform:scale(1.0); /*Webkit: Scale down image to 0.8x original size*/
    -moz-transform:scale(1.0); /*Mozilla scale version*/
    -o-transform:scale(1.0); /*Opera scale version*/
    -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
    -moz-transition-duration: 0.5s; /*Mozilla duration version*/
    -o-transition-duration: 0.5s; /*Opera duration version*/
    opacity: 0.9; /*initial opacity of images*/    
}

img.imagen-seleccionable:hover{
    -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform:scale(1.1); /*Mozilla scale version*/
    -o-transform:scale(1.1); /*Opera scale version*/
    box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
    -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
    -moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
    opacity: 1;
     cursor: pointer;
    
}

table.formTable{
	background-color: #FCBF49;
	 text-align: left;
	  border: 2px solid #843511; 
	  margin:20px;
	  border-collapse: separate;
	  border-spacing: 5px 10px;
	  padding: 10px;
}

table.formTable input[type="text"]{
	width: 100%;	
}

table.formTable select{
	width: 100%;
}

table.gridTable{
	background-color: #FFFFFF;
	text-align: center;
	margin:20px;
	border-collapse: collapse;
	border-spacing: 1px;
	padding: 0px;
}

table.gridTable thead{
	border: 0px;
	margin:0px;
	padding: 0px;
	color: #843511; 
	font-size: 14;
	font-weight: bold;
}

table.gridTable thead tr th{
	text-align: center;
	padding: 10px;
}
table.gridTable thead tr td{
	text-align: center;
	padding: 5px;
	color:black;
	font-size: 12px;
	font-weight: normal;
	
}

table.gridTable tbody{
	text-align: center;
	padding: 0px;
	margin: 0px;
	background-color: #FCBF49;
	border: 1px solid #843511;
}

table.gridTable tbody tr td{
	border-top: 1px  dashed #843511;
	border-bottom: 1px  dashed #843511; 
	padding: 5px 15px;
	text-align: left;
	height: 36px;
}

table.gridTable tbody tr th{
	border: 0px;
	padding: 10px;
	text-align: center;
	background-color: #843511;
	color: #FFFFFF;
}

table.gridTable tfoot tr td ul{
	 list-style-type: none;
}

table.gridTable tfoot tr td ul li{
   display: inline;
   text-align: center;
   margin: 0 10px 0 0;
}

table.gridTable tfoot tr td ul li.paginaSeleccionada{
	color: #843511;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding:5px 10px 5px 10px;
    margin-left: 3px;
    text-decoration: underline;
}

table.gridTable tfoot tr td ul li a{
	text-decoration: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    padding:5px 10px 5px 10px;
    margin-left: 3px;  
    background-color: #843511; 
    border: 2px solid  #FCBF49;  
}


table.gridTable tfoot tr td ul li a:hover{
    cursor: pointer;
    font-size:12px;
}

img.boton{
	
}

img.fotoCandidato{
	border:2px #843511 solid;
	background-color:#CCC;
	width: 100px;
	height: 100px;	
	opacity: 0.9; /*initial opacity of images*/    
}

img.fotoCandidato:hover{
	border:3px #843511 solid;
	background-color:#CCC;
	width: 150px;
	height: 150px;	
    box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
    -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
    -moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
    opacity: 1;
}